<!DOCTYPE html>
<html>
<head>
<title> 个人请假申请 </title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1,user-scalable=0,initial-scale=1,maximum-scale=1,viewport-fit=cover">
<link rel="stylesheet" href="https://cdn.educationgroup.cn/jqweui/lib/weui.min.css">
<link rel="stylesheet" href="https://cdn.educationgroup.cn/jqweui/css/jquery-weui.css">
<link rel="stylesheet" href="https://cdn.educationgroup.cn/jqweui/demos/css/demos.css">
<link rel="stylesheet" href="https://cdn.educationgroup.cn/timebar/common.css">
<link rel="stylesheet" href="https://cdn.educationgroup.cn/layer/skin/default/layer.css">
<script src="https://cdn.educationgroup.cn/jqweui/lib/jquery-2.1.4.js"></script>
<script src="https://cdn.educationgroup.cn/jqweui/js/jquery-weui.js"></script>
<script type="text/javascript" src="https://cdn.educationgroup.cn/layer/layer.js"></script>
<script src="https://cdn.educationgroup.cn/js/jquery.validate.js"></script>
<script src="https://cdn.educationgroup.cn/timebar/calendar.js"></script>
<script src="https://cdn.educationgroup.cn/timebar/timebar.js"></script>
<script src="https://cdn.educationgroup.cn/js/Calendar3.js"></script>
<script src="https://cdn.educationgroup.cn/js/vue.js"></script>
<script language="javascript" src="https://cdn.educationgroup.cn/js/fly.min.js"></script>
</head>
<script type="text/javascript">
//fly.js处理
  fly.config.parseJson = true
  fly.config.headers = {
      'content-type': 'application/x-www-form-urlencoded',
  }
  var tipIndex
  fly.interceptors.request.use((request) => {
      let params = request.body
      // 此处可以参数加密
      request.timeout = 30000
      tipIndex = layer.msg(params.tips||'请求加载中', {icon: 16, time: -1})
      if(params['tips']){
    	delete params['tips']
      	request.body = params
      }
      return request
  })


  fly.interceptors.response.use(
      (response) => {
          layer.close(tipIndex)
          return response//请求成功之后将返回值返回
      },
      (err) => {
      	layer.close(tipIndex)
          console.log(err)
      }
  )
//end
  
	
  </script>
<body ontouchstart>
<body ontouchstart>

 <table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td align="center"><h2>请假单 </h2></td>
		<td align="right"><div><img   id="img" src="1_1027744510_171_86_3_933446327_5873405c999d6baf7c981b63eafa5128.png" width="120px" /><br><span style="margin-right:40px">请假二维码</span></div></td>
	</tr>
</table>

<form id="baseForm" name="baseForm" action="/xsgl/qjc/saveXuJia" method="post" enctype="multipart/form-data">
	<input type="hidden" name="qjDTO.xh" id="xh" value="202215008888"/>
    <input type="hidden" name="qjDTO.id" valu照片.PNGe=""/>
    <input type="hidden" name="xm" id="xm" value="张三"/>
	<input type="hidden" name="qjDTO.student_id" id="id" value="照片.PNG"/>
	<input type="hidden" name="fjpath" id="fjpath" />
    <div class="weui-cells weui-cells_form" style="margin-top:0px;">
      
        <div class="weui-cells__title">请假详细信息</div>
        <div class="weui-cells">
            
            
            <div class="weui-cell">
                <div class="weui-cell__hd" style="width:40%">
                    <label class="weui-label" style="width:100%">学号：</label>
                </div>
                 <div class="weui-cell__bd">
                 	202215007847
                </div>
            </div>
            
            <div class="weui-cell">
                <div class="weui-cell__hd" style="width:40%">
                    <label class="weui-label" style="width:100%">姓名：</label>
                </div>
                 <div class="weui-cell__bd">
                 	任喜珏
                </div>
            </div>

            <div class="weui-cell">
                <div class="weui-cell__hd" style="width:40%">
                    <label class="weui-label" style="width:100%"><font color="red" >请假主要去向：</font></label>
                </div>
                 <div class="weui-cell__bd">
                 	<font color="red" size="6"> 离校不离岛</font>
                 	 <input type="hidden"  name="qjDTO.qjqxid" id="qjqxid" value="照片" >
                </div>
                
            </div>
            
             <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">请假类型：</label>
                </div>
                <div class="weui-cell__bd">
                	 事假
                </div>
            </div>
            
             <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">请假具体地址：</label>
                </div>
                <div class="weui-cell__bd">
                	海口市秀英区海南联通
                </div>
            </div>
            
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label"> 家长电话：</label>
                </div>
                <div class="weui-cell__bd">
					17894563255
                </div>
            </div>
            
                
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">学生电话：</label>
                </div>
                <div class="weui-cell__bd">
					15357698552
                </div>
            </div>
            
         <div class="weui-cell">
            <div class="weui-cell__hd" style="width:40%"><label class="weui-label" style="width:100%">请假开始时间：</label></div>
            <div class="weui-cell__bd" id="start_time_div">
                  <input class="weui-input"name="qjDTO.qjkssj" id="start_time" type="text" value="2024/11/18 07:00" readonly>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd" style="width:40%"><label class="weui-label"  style="width:100%">请假结束时间：</label></div>
            <div class="weui-cell__bd" id="end_time_div">
                2024/11/20 20:00
            </div>
        </div>
        
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label"><span>&nbsp;</span>请假时长：</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input"  type="text" id="timeInterval"   placeholder="" value="1天"
                       readonly>
                <input type="hidden"  name="qjDTO.qjts" id="qj_time" >
            </div>
        </div>
         <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">请假理由</label>
                </div>
                <div class="weui-cell__bd">
					 外出去市区办事！
                </div>
            </div>
        
        <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">请假审批状态：</label>
                </div>
                <div class="weui-cell__bd">
					<font color="red" size="6"> 
          					审批通过！
			          </font>
                </div>
            </div>
        
            
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">备注</label></div>
                <div class="weui-cell__bd">
                	    <textarea  name="qjDTO.bz" class="weui-textarea" style="height:20px" auto-height 
				      focus placeholder="文本" placeholder-style="color:gray" 
				      maxlength="140" cursor-spacing="0" />  辅导员审批审批意见：同意；</textarea>
                </div>
            </div>
            
            
            
               <div class="weui-gallery" id="gallery">
            <span class="weui-gallery__img" id="galleryImg" style="text-align:center"></span>
            <div class="weui-gallery__opr">
            </div>
        </div>
        
              <div class="weui-cell">
		        <div class="weui-cell__hd"><label class="weui-label">附件照片</label></div>
		        <div class="weui-cell__bd">
			            <img style="height: 80px;padding-right: 5px" src="照片.png" onclick="viewFj('照片.png')"/>
		        </div>
		    </div> 
		    
            <div class="weui-cell weui-cell_active">
                  <div class="weui-cell__bd">
                      <textarea class="weui-textarea" placeholder="" rows="2">该生已知晓并同意遵守《海口经济学院 学生外出请假安全责任承诺书》内容</textarea>
                  </div>
              </div>
            
        </div>
             <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">是否销假</label></div>
                <div class="weui-cell__bd">
                	<span class="weui-span" id="sfxj">
                		未销假
                	</span>
                </div>
            </div>
            
           	<div class="weui-cell">
	            <div class="weui-cell__bd">
	                <div class="weui-uploader">
	                    <div class="weui-uploader__hd">
	                        <p class="weui-uploader__title"> <font color="red">*</font>销假照片上传</p>
	                    </div>
	                    <div class="weui-uploader__bd">
	                        <ul class="weui-uploader__files" id="xjfjzpFile" style="display:none;">
	                            <li id="xjfjzpFileUrl" class="weui-uploader__file"></li>
	                        </ul>
	                        <div class="weui-uploader__input-box" id="zpzsc">
	                            <input id="xjfjzp" name="xjfjzp" class="weui-uploader__input" type="file"  accept="image/*"
	                                   multiple="false" onchange="selectImage(this,'xjfjzp')">
	                        </div>
	                    </div>
	                </div>
	            </div>
        </div>
        
        <div style="padding:5px 3% 3% 3%;">
	            <a href="javascript:submit_xj();" id="subxjButton"  class="weui-btn weui-btn_primary">申请销假</a>
	        </div>
            
             
        </div>
       

       
</form>
<script src="https://cdn.educationgroup.cn/jqweui/lib/fastclick.js"></script>
<script type="text/javascript">
function submit_xj() {
   var faceData = $("#xjfjzp").val();
    if ( faceData == "") {
        $.toptip('销假照片不能为空');
        return false;
    } else{
    	$.showLoading();
    	 $.toptip('正在提交，请耐心等待...', 60000, 'warning');
    	// $("#subxjButton").attr("href","/xsgl/qjc/saveXj");
    	 $("#baseForm").attr("action","/xsgl/qjc/saveXj");
    	 $("#baseForm").submit();
    	 $("#baseForm").attr("action","");
        $("#subxjButton").attr("href","javascript:return false;"); 
    	 $("#subxjButton").attr("disabled",true).css("pointer-events","none"); 
    }
}
$(function () {
	var zjpath = $("#fjpath").val();
	loadImage("fjzp",zjpath);
	 
    FastClick.attach(document.body);
    setInterval("newtext()", 500);
});

var text = document.title;

function newtext() {
    document.title = text.substring(1, text.length) + text.substring(0, 1);
    text = document.title.substring(0, text.length)
}

function loadImage(name,path) {
	var hdzp = path;
	var hdzp_file = null;
	 var id = "#" + name + "FileUrl";
	 var fcss = "#" + name + "File";
	 var xh = $("#xh").val();
	 
	$.post("/xsgl/qjc/getZpByXh",{xh:xh},function(data){
		if(data != null && data.fileb != null){
			hdzp_file = data;
			 $(fcss).css("display", "inline");
	             $(id).css("background", "url(" + "data:image/jpeg;base64,"+ data.fileb + ")");
	             $(id).css("background-repeat", "no-repeat");
	             $(id).css("background-size", "100% 100%");
	             
		}else{
			
		}
		
	})
}

function selectImage(file, idPrefix) {
    if (!file.files || !file.files[0]) {
        return;
    }
    var reader = new FileReader();
    reader.readAsDataURL(file.files[0]);
    //文件大小,KB
    var fileSize=file.files[0].size/1024;
    var fileType=file.files[0].type;
    reader.onload = function (evt) {
        $("#" + idPrefix + "File").css("display", "inline");
        var id = "#" + idPrefix + "FileUrl";
        $(id).css("background", "url(" + evt.target.result + ")");
        $(id).css("background-repeat", "no-repeat");
        $(id).css("background-size", "100% 100%");
    }
}

function reads(fil) {
    var reader = new FileReader();
    reader.readAsDataURL(fil);
    reader.onload = function (e) {
        var code = this.result.split(',');
        console.log(code[0]);
        console.log(code[1]);
        $("#PhotoBuffer").val(code[1]);
        $("#picPre")[0].innerHTML += "<li class='weui-uploader__file' ><img style='width:79px;height:79px;' src='" + reader.result + "'></li>";
    };
}
</script>
	<div class="weui-footer">
		<!--  	<p class="weui-footer__links">
			<a href="" class="weui-footer__link">自助服务</a>| <a href=""
				class="weui-footer__link">首页</a>
		</p>
		-->
		<p class="weui-footer__text">海口经济学院2021-2025</p>
	</div>
	<style>
.weui-footer {
	margin: 25px 0 10px 0;
}
</style>

</body>

</html>
